<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link href="__INDEX__/css/Phoebe.css" rel="stylesheet" />
		<link href="__INDEX__/css/all.css" rel="stylesheet" />
		<link href="http://at.alicdn.com/t/font_r4hllapx8ijdobt9.css" rel="stylesheet" />
		<link href="__INDEX__/css/sub-inquire.css" rel="stylesheet" />

		<title>持仓</title>
		<style>
			ul.sub-inquire>li {
				border-bottom: 1px solid #F8F8F8 !important;
			}
			
			ul.sub-inquire>li>a>ul>li:nth-child(4) {
				width: 30%;
			}
			
			ul.sub-inquire>li:first-child>a {
				color: #666;
			}
			
			ul.sub-inquire>li:not(:first-child)>a>ul>li:nth-child(4) {
				color: #e4393c;
			}
			
			ul.sub-inquire>li>a>ul>li:not(:nth-child(4)) {
				width: 17.5%;
			}
			
			.ck-msg {
				padding: 15px 3.5%;
				background: #fff;
				overflow: hidden;
				margin-bottom: 10px;
			}
			
			.ck-msg>img {
				float: left;
				width: 75px;
				height: 75px;
				border-radius: 50%;
				margin-left: 20px;
			}
			
			.ck-msg>div {
				float: left;
				margin-left: 50px;
			}
			
			.ck-msg>div>p {
				line-height: 25px;
				color: #666;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="javascript:history.back(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">持仓</h1>
		</header>
		<!--仓库-->
		<div class="ck-msg">
			<img src="__INDEX__/images/ck.png" alt="" />
			<div>
				<p>可用：<span class="wait">{$ky}</span></p>
				<p>市值：
					<span>{$price}</span>
				</p>
				<p>盈亏：<span class="grow">
					{$yk}</span></p>
			</div>
		</div>
		<ul class="sub-inquire">
			<li>
				<a href="javascript:void(0)">
					<ul>
						<li>产品</li>
						<li>数量</li>
						<li>进货价</li>
						<li>昨日成交均价</li>
						<li>盈亏</li>
					</ul>
				</a>
			</li>
			{foreach name="list" item="gd"}
			<li>
				<a href="{:url('index/market_show',['id'=>$gd.goods_id])}">
					<ul>
						<li>{$gd.goods_name}</li>
						<li>{$gd.nums}</li>
						<li>{$gd.price}</li>
						<li>{$gd.avg}</li>
						<li><span class="fall">{$gd.zd}</span></li>
					</ul>
				</a>
			</li>
			{/foreach}
		
		</ul>
		<!--底部导航-->

		<nav class="mui-bar mui-bar-tab" id="footer-list">
			<a class="mui-tab-item" href="{:url('index/index')}">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="{:url('index/market')}">
				<span class="mui-icon iconfont icon-heilongjiangtubiao09"></span>
				<span class="mui-tab-label">市场</span>
			</a>
			<a class="mui-tab-item mui-active" href="{:url('index/ck')}">
				<span class="mui-icon iconfont icon-cangku1"></span>
				<span class="mui-tab-label">持仓</span>
			</a>
			<a class="mui-tab-item " href="{:url('member/index')}">
				<span class="mui-icon iconfont icon-wode1"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript">
			mui.init();
			var aniShow = "pop-in";
			//页面跳转
			mui('#footer-list').on('tap', 'a', function() {
				var id = this.getAttribute('href');
				var href = this.href;
				mui.openWindow({
					id: id,
					url: this.href,
					show: {
						aniShow: aniShow
					},
					waiting: {
						autoShow: false
					}
				});
			});
		</script>
	</body>

</html>